import { PageLoading } from '@ant-design/pro-layout';
import { history} from 'umi';
import RightContent from '@/components/RightContent';
import Footer from '@/components/Footer';
import { message } from 'antd';
import { currentUser as queryCurrentUser } from './services/ant-design-pro/api';
import defaultConfig from '../config/defaultConfig';

const isDev = process.env.NODE_ENV === 'development';
const loginPath = '/login';


/** 获取用户信息比较慢的时候会展示一个 loading */

export const initialStateConfig = {
  loading: <PageLoading />,
};
/**
 * @see  https://umijs.org/zh-CN/plugins/plugin-initial-state
 * */

export async function getInitialState() {

  const fetchUserInfo = async () => {
    try {
      const msg = await queryCurrentUser();  /** 获取当前用户  currentUser 的别名*/
      /** 查看缓存中是否有用户信息，如果没有在走请求*/

      let userInfo = JSON.parse(localStorage.getItem('userInfo'));

      /** 判断如果没有用户信息就将用户信息放入缓存*/
      if (!userInfo){
        userInfo = await queryCurrentUser();
        localStorage.setItem('userInfo',JSON.stringify(userInfo))
      }
      return msg;
    } catch (error) {
      history.push(loginPath);
    }

    return undefined;
  };

  // 如果是登录页面，不执行
  if (history.location.pathname !== loginPath) {
    const currentUser = await fetchUserInfo();
    return {
      fetchUserInfo,
      currentUser,
      settings: {},
    }
  }else {
    if(localStorage.getItem('access_token')){
      const currentUser = await fetchUserInfo();
      history.push('/');
      return {
        fetchUserInfo,
        currentUser,
        settings: {},
      };
    }
  }

  return {
    fetchUserInfo,
    settings: {},
  };
} // ProLayout 支持的api https://procomponents.ant.design/components/layout


const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  405: '请求方法不被允许。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};

export const request = {

  errorHandler: async (error) => {
    const { response } = error;
    if (response && response.status) {
      let errorText = codeMessage [response.status] || response.statusText;
      const {status} = response;

      const result = await response.json()

      // 处理422未通过验证的情况
    if (status === 422){
      let errs = ''
      for (const key in result.errors){
       errs += result.errors[key][0]
      }
      errorText += `[ ${errs} ]`
    }

      // 处理401未验证通过  跳转login 页面
      if (status === 401) {
        errorText += `[ ${result.message}]`

        // 清空用户本缓存的token和用户信息
        localStorage.removeItem('access_token');
        localStorage.removeItem('userInfo');
        history.replace('/login')
      }

      // 处理400
      if (status === 400){
        errorText += `[ ${result.message} ]`
      }
      message.error(errorText)
    } else if (!response) {
      message.error('您的网络发生异常，无法连接服务器')
    }
    // return response;
    throw error;
  },

  // 请求前拦截器
  requestInterceptors : [(url,options)=>{
    // 获取token.将token带进来
    const token = localStorage.getItem('access_token') || '';
    const urlStatus =  url.indexOf('//') == -1 ? true : false;
    const baseurl =  urlStatus ? defaultConfig[process.env.NODE_ENV]['API_SERVER'] + url : url;
    // 设置headers头
    const headers = {
      Authorization:`Bearer ${token}`
    }
    return {
      url:baseurl,
      options: { ...options, headers },
    };
  }]

};

export const layout = ({ initialState }) => {
  return {
    rightContentRender: () => <RightContent />,
    disableContentMargin: false,
    waterMarkProps: {
      content: initialState?.currentUser?.name,   //去除水印
    },
    footerRender: () => <Footer />,

    onPageChange: () => {
      const { location } = history; // 如果没有登录，重定向到 login

      if (!initialState?.currentUser && location.pathname !== loginPath) {
        history.push(loginPath);
      }
    },
    links: isDev
      ? [
        /*<Link to="/umi/plugin/openapi" target="_blank">
          <LinkOutlined />
          <span>OpenAPI 文档</span>
        </Link>,
        <Link to="/~docs">
          <BookOutlined />
          <span>业务组件文档</span>
        </Link>,*/
      ]
      : [],
    menuHeaderRender: undefined,
    // 自定义 403 页面
    // unAccessible: <div>unAccessible</div>,
    ...initialState?.settings,
  };
};
